{{extend './_layouts/home.html'}}
{{block 'body'}}

<script src="/node_modules/jquery/dist/jquery.min.js"></script>
<form action="register" method="post" id="register">
    邮箱：
<input type="text" name="email">
<br>
昵称：
<input type="text" name="nickname">
<br>
密码：
<input type="text" name="password">
<br>
<button type="submit" name="" id="submit" >注册</button>
</form>
{{/block}}
{{block 'link'}}
<link rel="stylesheet" href="/public/css/register.css">
{{/block}}
{{block 'script'}}
<script>
    //这是给form中加submit事件，不是给button（type='submit'）添加事件
 $('#register').on('submit',function(e){
       e.preventDefault();// 阻止form的默认行为
     var formData =$(this).serialize()//序列化表单！！
     $.ajax({
         url:'/register',
         type:'post',
         dataType:'json',
         data:formData,
 /* 服务端发送给你的需是json数据,如果不是，则不报错，但也不显示，如res.send('ok'),则success中不会有数据输出,
 因为不是json数据类型，但如果是res.send('{"success":true}'),则success中则会出现{success：true} */
        
         success:function(data){
          var err_code=data.err_code
          if(err_code ==500){
            window.alert('服务器繁忙，请稍后重试')
          }
          else if(err_code ==1){
              window.alert('邮箱或昵称已经存在，请重新输入')
          }
          else if(err_code ==0){
              //注册成功后，跳到主页上，解决ajax异步请求无法跳转的问题
            window.location.href='/'
          }
         }       
     })
 })
 </script>
{{/block}}